<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>新文章模块文档</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
	    <link rel="stylesheet" href="../styles/style.css">
                 <link rel="stylesheet" href="../styles/postmark.css">
    </head>
    <body>

        <div class="navbar navbar-default navbar-fixed-top visible-xs">
            <a href="../" class="navbar-brand">新文章模块文档</a>
            <button type="button" class="btn btn-default btn-menu fa fa-bars" id="btn-menu"></button>
        </div>

        <div class="xs-menu menu" id="mobile-menu">
            <div id="book-search-input" role="search">
                <input type="text" placeholder="Type to search">
            </div>
            <nav>
            
                <ul class="list">
            
                    <li class="title">
                        <a href="../index.html">新文章模块文档</a>
                    </li>
            
                    <li class="divider"></li>
            
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="../index.html"><span class="fa fa-home"></span>Getting started</a>
                        <ul class="links">
                                <li class="link">
                                    <a 
                                        
                                         href="../overview.html" 
                                         href="../overview.html" 
                                        >
                                        <span class="fa fa-th"></span>Overview
                                    </a>
                                </li>
                                <li class="link">
                                  <a href="../index.html" ><span class="fa fa-file-text-o"></span>README</a>
                                </li>
                        </ul>
                    </li>
            
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="../modules.html" >
                            <div class="menu-toggler linked" data-toggle="collapse"
                                    data-target="#xs-modules-links"
                            >
                                <span class="fa fa-archive"></span>
                                <span class="link-name">Modules</span>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </a>
                        <ul class="links collapse "
                                id="xs-modules-links"
                            >
                                <li class="link">
                                    <a href="../modules/AppModule.html"  data-type="entity-link" class="active" >AppModule</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-components-links"
                            >
                            <span class="fa fa-cogs"></span>
                            <span>Components</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-components-links"
                            >
                                <li class="link">
                                    <a href="../components/AppComponent.html" >AppComponent</a>
                                </li>
                                <li class="link">
                                    <a href="../components/ArticleComponent.html" >ArticleComponent</a>
                                </li>
                                <li class="link">
                                    <a href="../components/HomeComponent.html" >HomeComponent</a>
                                </li>
                                <li class="link">
                                    <a href="../components/SearchComponent.html" >SearchComponent</a>
                                </li>
                        </ul>
                    </li>
            
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-classes-links"
                            >
                            <span class="fa fa-file-code-o"></span>
                            <span>Classes</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-classes-links"
                            >
                                <li class="link">
                                    <a href="../classes/Article.html" >Article</a>
                                </li>
                                <li class="link">
                                    <a href="../classes/Column.html" >Column</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-injectables-links"
                            >
                            <span class="fa fa-long-arrow-down"></span>
                            <span>Injectables</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-injectables-links"
                            >
                                <li class="link">
                                    <a href="../injectables/AppService.html" >AppService</a>
                                </li>
                                <li class="link">
                                    <a href="../injectables/ArticleListService.html" >ArticleListService</a>
                                </li>
                                <li class="link">
                                    <a href="../injectables/SmarketHttpService.html" >SmarketHttpService</a>
                                </li>
                        </ul>
                    </li>
            
            
            
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-miscellaneous-links"
                            >
                            <span class="fa fa-cubes"></span>
                            <span>Miscellaneous</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-miscellaneous-links"
                            >
                                <li class="link">
                                  <a href="../miscellaneous/variables.html" data-type="entity-link" >Variables</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="../routes.html" ><span class="fa fa-code-fork"></span>Routes</a>
                    </li>
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="../coverage.html" ><span class="fa fa-tasks"></span>Documentation coverage</a>
                    </li>
            
            
                </ul>
            
            </nav>
        </div>

        <div class="container-fluid main">
           <div class="row main">
               <div class="hidden-xs menu">
                   <nav>
                   
                       <ul class="list">
                   
                           <li class="title">
                               <a href="../index.html">新文章模块文档</a>
                           </li>
                   
                           <li class="divider"></li>
                   
                               <div id="book-search-input" role="search">
                                   <input type="text" placeholder="Type to search">
                               </div>
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="../index.html"><span class="fa fa-home"></span>Getting started</a>
                               <ul class="links">
                                       <li class="link">
                                           <a 
                                               
                                                href="../overview.html" 
                                                href="../overview.html" 
                                               >
                                               <span class="fa fa-th"></span>Overview
                                           </a>
                                       </li>
                                       <li class="link">
                                         <a href="../index.html" ><span class="fa fa-file-text-o"></span>README</a>
                                       </li>
                               </ul>
                           </li>
                   
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="../modules.html" >
                                   <div class="menu-toggler linked" data-toggle="collapse"
                                           data-target="#modules-links"
                                   >
                                       <span class="fa fa-archive"></span>
                                       <span class="link-name">Modules</span>
                                       <span class="fa fa-angle-down"></span>
                                   </div>
                               </a>
                               <ul class="links collapse "
                                       id="modules-links"
                   >
                                       <li class="link">
                                           <a href="../modules/AppModule.html"  data-type="entity-link" class="active" >AppModule</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#components-links"
                   >
                                   <span class="fa fa-cogs"></span>
                                   <span>Components</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="components-links"
                   >
                                       <li class="link">
                                           <a href="../components/AppComponent.html" >AppComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/ArticleComponent.html" >ArticleComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/HomeComponent.html" >HomeComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="../components/SearchComponent.html" >SearchComponent</a>
                                       </li>
                               </ul>
                           </li>
                   
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#classes-links"
                   >
                                   <span class="fa fa-file-code-o"></span>
                                   <span>Classes</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="classes-links"
                   >
                                       <li class="link">
                                           <a href="../classes/Article.html" >Article</a>
                                       </li>
                                       <li class="link">
                                           <a href="../classes/Column.html" >Column</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#injectables-links"
                   >
                                   <span class="fa fa-long-arrow-down"></span>
                                   <span>Injectables</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="injectables-links"
                   >
                                       <li class="link">
                                           <a href="../injectables/AppService.html" >AppService</a>
                                       </li>
                                       <li class="link">
                                           <a href="../injectables/ArticleListService.html" >ArticleListService</a>
                                       </li>
                                       <li class="link">
                                           <a href="../injectables/SmarketHttpService.html" >SmarketHttpService</a>
                                       </li>
                               </ul>
                           </li>
                   
                   
                   
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#miscellaneous-links"
                   >
                                   <span class="fa fa-cubes"></span>
                                   <span>Miscellaneous</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="miscellaneous-links"
                   >
                                       <li class="link">
                                         <a href="../miscellaneous/variables.html" data-type="entity-link" >Variables</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="../routes.html" ><span class="fa fa-code-fork"></span>Routes</a>
                           </li>
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="../coverage.html" ><span class="fa fa-tasks"></span>Documentation coverage</a>
                           </li>
                   
                   
                       </ul>
                   
                   </nav>
               </div>
               <div class="content module">
                   <div class="content-data">



<ol class="breadcrumb">
  <li>Modules</li>
  <li>AppModule</li>
</ol>

      <div class="text-center module-graph-container">
          <div id="module-graph-svg">
              <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.40.1 (20161225.0304)
 -->
<!-- Title: dependencies Pages: 1 -->
<svg width="1085pt" height="284pt"
 viewBox="0.00 0.00 1085.00 284.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 280)">
<title>dependencies</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-280 1081,-280 1081,4 -4,4"/>
<text text-anchor="start" x="517.5091" y="-42.4" font-family="sans-serif" font-weight="bold" font-size="14.00" fill="#000000">Legend</text>
<polygon fill="#ffffb3" stroke="transparent" points="304.5,-10 304.5,-30 324.5,-30 324.5,-10 304.5,-10"/>
<text text-anchor="start" x="328.129" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Declarations</text>
<polygon fill="#8dd3c7" stroke="transparent" points="417.5,-10 417.5,-30 437.5,-30 437.5,-10 417.5,-10"/>
<text text-anchor="start" x="441.2251" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Module</text>
<polygon fill="#80b1d3" stroke="transparent" points="503.5,-10 503.5,-30 523.5,-30 523.5,-10 503.5,-10"/>
<text text-anchor="start" x="527.2812" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Bootstrap</text>
<polygon fill="#fdb462" stroke="transparent" points="600.5,-10 600.5,-30 620.5,-30 620.5,-10 600.5,-10"/>
<text text-anchor="start" x="624.1732" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Providers</text>
<polygon fill="#fb8072" stroke="transparent" points="696.5,-10 696.5,-30 716.5,-30 716.5,-10 696.5,-10"/>
<text text-anchor="start" x="720.2258" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Exports</text>
<g id="clust1" class="cluster">
<title>cluster_AppModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="8,-70 8,-268 1069,-268 1069,-70 8,-70"/>
</g>
<g id="clust2" class="cluster">
<title>cluster_AppModule_declarations</title>
<polygon fill="none" stroke="#000000" points="531,-78 531,-130 1061,-130 1061,-78 531,-78"/>
</g>
<g id="clust9" class="cluster">
<title>cluster_AppModule_bootstrap</title>
<polygon fill="none" stroke="#000000" points="537,-208 537,-260 661,-260 661,-208 537,-208"/>
</g>
<g id="clust10" class="cluster">
<title>cluster_AppModule_providers</title>
<polygon fill="none" stroke="#000000" points="16,-78 16,-130 523,-130 523,-78 16,-78"/>
</g>
<!-- AppComponent -->
<g id="node1" class="node">
<title>AppComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1052.9399,-122 947.0601,-122 947.0601,-86 1052.9399,-86 1052.9399,-122"/>
<text text-anchor="middle" x="1000" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppComponent</text>
</g>
<!-- AppModule -->
<g id="node5" class="node">
<title>AppModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="640.6571,-187 637.6571,-191 616.6571,-191 613.6571,-187 557.3429,-187 557.3429,-151 640.6571,-151 640.6571,-187"/>
<text text-anchor="middle" x="599" y="-164.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppModule</text>
</g>
<!-- AppComponent&#45;&gt;AppModule -->
<g id="edge1" class="edge">
<title>AppComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M1000,-122.2921C1000,-144.2057 1000,-178 1000,-178 1000,-178 650.7792,-178 650.7792,-178"/>
<polygon fill="#000000" stroke="#000000" points="650.7793,-174.5001 640.7792,-178 650.7792,-181.5001 650.7793,-174.5001"/>
</g>
<!-- HomeComponent -->
<g id="node2" class="node">
<title>HomeComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="929.5451,-122 814.4549,-122 814.4549,-86 929.5451,-86 929.5451,-122"/>
<text text-anchor="middle" x="872" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">HomeComponent</text>
</g>
<!-- HomeComponent&#45;&gt;AppModule -->
<g id="edge2" class="edge">
<title>HomeComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M872,-122.1061C872,-141.3391 872,-169 872,-169 872,-169 650.76,-169 650.76,-169"/>
<polygon fill="#000000" stroke="#000000" points="650.76,-165.5001 640.76,-169 650.76,-172.5001 650.76,-165.5001"/>
</g>
<!-- SearchComponent -->
<g id="node3" class="node">
<title>SearchComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="796.9201,-122 677.0799,-122 677.0799,-86 796.9201,-86 796.9201,-122"/>
<text text-anchor="middle" x="737" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">SearchComponent</text>
</g>
<!-- SearchComponent&#45;&gt;AppModule -->
<g id="edge3" class="edge">
<title>SearchComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M737,-122.027C737,-138.3976 737,-160 737,-160 737,-160 650.779,-160 650.779,-160"/>
<polygon fill="#000000" stroke="#000000" points="650.7791,-156.5001 640.779,-160 650.779,-163.5001 650.7791,-156.5001"/>
</g>
<!-- ArticleComponent -->
<g id="node4" class="node">
<title>ArticleComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="659.2008,-122 538.7992,-122 538.7992,-86 659.2008,-86 659.2008,-122"/>
<text text-anchor="middle" x="599" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ArticleComponent</text>
</g>
<!-- ArticleComponent&#45;&gt;AppModule -->
<g id="edge4" class="edge">
<title>ArticleComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M599,-122.1061C599,-122.1061 599,-140.991 599,-140.991"/>
<polygon fill="#000000" stroke="#000000" points="595.5001,-140.9909 599,-150.991 602.5001,-140.991 595.5001,-140.9909"/>
</g>
<!-- AppComponent  -->
<g id="node6" class="node">
<title>AppComponent </title>
<polygon fill="#80b1d3" stroke="#000000" points="653.439,-252 544.561,-252 544.561,-216 653.439,-216 653.439,-252"/>
<text text-anchor="middle" x="599" y="-229.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppComponent </text>
</g>
<!-- AppModule&#45;&gt;AppComponent  -->
<g id="edge5" class="edge">
<title>AppModule&#45;&gt;AppComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="1,5" d="M599,-187.1061C599,-187.1061 599,-205.991 599,-205.991"/>
<polygon fill="#000000" stroke="#000000" points="595.5001,-205.9909 599,-215.991 602.5001,-205.991 595.5001,-205.9909"/>
</g>
<!-- SmarketHttpService -->
<g id="node7" class="node">
<title>SmarketHttpService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="426" cy="-104" rx="89.18" ry="18"/>
<text text-anchor="middle" x="426" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">SmarketHttpService</text>
</g>
<!-- SmarketHttpService&#45;&gt;AppModule -->
<g id="edge6" class="edge">
<title>SmarketHttpService&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M426,-122.027C426,-138.3976 426,-160 426,-160 426,-160 547.1215,-160 547.1215,-160"/>
<polygon fill="#000000" stroke="#000000" points="547.1216,-163.5001 557.1215,-160 547.1215,-156.5001 547.1216,-163.5001"/>
</g>
<!-- ArticleListService -->
<g id="node8" class="node">
<title>ArticleListService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="237" cy="-104" rx="81.65" ry="18"/>
<text text-anchor="middle" x="237" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ArticleListService</text>
</g>
<!-- ArticleListService&#45;&gt;AppModule -->
<g id="edge7" class="edge">
<title>ArticleListService&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M237,-122.1061C237,-141.3391 237,-169 237,-169 237,-169 547.1204,-169 547.1204,-169"/>
<polygon fill="#000000" stroke="#000000" points="547.1204,-172.5001 557.1204,-169 547.1203,-165.5001 547.1204,-172.5001"/>
</g>
<!-- AppService -->
<g id="node9" class="node">
<title>AppService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="81" cy="-104" rx="56.7406" ry="18"/>
<text text-anchor="middle" x="81" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppService</text>
</g>
<!-- AppService&#45;&gt;AppModule -->
<g id="edge8" class="edge">
<title>AppService&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M81,-122.2921C81,-144.2057 81,-178 81,-178 81,-178 547.0487,-178 547.0487,-178"/>
<polygon fill="#000000" stroke="#000000" points="547.0487,-181.5001 557.0487,-178 547.0486,-174.5001 547.0487,-181.5001"/>
</g>
</g>
</svg>

          </div>
          <i id="fullscreen" class="fa fa-expand module-graph-fullscreen-btn" aria-hidden="true"></i>
          <div class="btn-group">
              <button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
              <button id="reset" class="btn btn-default btn-sm">Reset</button>
              <button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
          </div>
      </div>
      <script src="../js/libs/svg-pan-zoom.min.js"></script>
      <script src="../js/svg-pan-zoom.controls.js"></script>

<ul class="nav nav-tabs" role="tablist">
    <li class="active">
        <a href="#info" id="info-tab" role="tab" data-toggle="tab" data-link="info">Info</a>
    </li>


    <li>
        <a href="#source" role="tab" id="source-tab" data-toggle="tab" data-link="source">Source</a>
    </li>
</ul>

<div class="tab-content">
    <div class="tab-pane fade active in" id="c-info">

        <p class="comment">
            <h3>File</h3>
        </p>
        <p class="comment">
            <code>src/app/app.module.ts</code>
        </p>


        <div class="container-fluid module">
            <div class="row">
                <div class="col-sm-3">
                    <h3>Declarations<a href="https://angular.io/api/core/NgModule#declarations" target="_blank" title="Official documentation about module declarations"><span class="fa fa-info-circle"></span></a></h3>
                    <ul class="list-group">
                            <li class="list-group-item">
                                <a href="../components/AppComponent.html">AppComponent</a>
                            </li>
                            <li class="list-group-item">
                                <a href="../components/HomeComponent.html">HomeComponent</a>
                            </li>
                            <li class="list-group-item">
                                <a href="../components/SearchComponent.html">SearchComponent</a>
                            </li>
                            <li class="list-group-item">
                                <a href="../components/ArticleComponent.html">ArticleComponent</a>
                            </li>
                    </ul>
                </div>
                <div class="col-sm-3">
                    <h3>Providers<a href="https://angular.io/api/core/NgModule#providers" target="_blank" title="Official documentation about module providers"><span class="fa fa-info-circle"></a></h3>
                    <ul class="list-group">
                            <li class="list-group-item">
                                     <a href="../injectables/SmarketHttpService.html" >SmarketHttpService</a>
                            </li>
                            <li class="list-group-item">
                                     <a href="../injectables/ArticleListService.html" >ArticleListService</a>
                            </li>
                            <li class="list-group-item">
                                     <a href="../injectables/AppService.html" >AppService</a>
                            </li>
                    </ul>
                </div>
                <div class="col-sm-3">
                    <h3>Bootstrap<a href="https://angular.io/api/core/NgModule#bootstrap" target="_blank" title="Official documentation about module bootstrap"><span class="fa fa-info-circle"></a></h3>
                    <ul class="list-group">
                            <li class="list-group-item">
                                <a href="../components/AppComponent.html" >AppComponent</a>
                            </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


    <div class="tab-pane fade tab-source-code" id="c-source">
        <pre class="line-numbers"><code class="language-typescript">import {BrowserModule} from &#x27;@angular/platform-browser&#x27;;
import {NgModule} from &#x27;@angular/core&#x27;;
import {HttpModule} from &#x27;@angular/http&#x27;;
import {RouterModule, Routes} from &#x27;@angular/router&#x27;;

import {AppComponent} from &#x27;./app.component&#x27;;
import {SmarketHttpService} from &#x27;./services/smarket-http.service&#x27;;
import {ArticleListService} from &#x27;./services/article-list.service&#x27;;
import {HomeComponent} from &#x27;./home/home.component&#x27;;
import {SearchComponent} from &#x27;./search/search.component&#x27;;
import {ArticleComponent} from &#x27;./article/article.component&#x27;;
import {AppService} from &#x27;./services/app.service&#x27;;
import {FormsModule, ReactiveFormsModule} from &#x27;@angular/forms&#x27;;
import {HashLocationStrategy, LocationStrategy} from &#x27;@angular/common&#x27;;

const routeConfig: Routes &#x3D; [
  {path: &#x27;articles/:parentArticleCategoryId&#x27;, component: HomeComponent},
  {path: &#x27;article/:articleId&#x27;, component: ArticleComponent},
  {path: &#x27;**&#x27;, redirectTo: &#x27;articles/0&#x27;, pathMatch: &#x27;full&#x27;}
];

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    SearchComponent,
    ArticleComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    HttpModule,
    RouterModule.forRoot(routeConfig)
  ],
  providers: [
    SmarketHttpService, ArticleListService, AppService, {
      provide: LocationStrategy,
      useClass: HashLocationStrategy
    }],
  bootstrap: [AppComponent]
})
export class AppModule {
}
</code></pre>
    </div>
</div>











                   </div><div class="search-results">
    <div class="has-results">
        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
        <ul class="search-results-list"></ul>
    </div>
    <div class="no-results">
        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
    </div>
</div>
</div>
           </div>
       </div>

       <script src="../js/libs/bootstrap-native.js"></script>

       <script src="../js/libs/es6-shim.min.js"></script>
       <script src="../js/libs/EventDispatcher.js"></script>
       <script src="../js/libs/promise.min.js"></script>
       <script src="../js/libs/zepto.min.js"></script>

       <script src="../js/compodoc.js"></script>

       <script>var COMPODOC_CURRENT_PAGE_DEPTH = 1;</script>

       <script src="../js/search/search.js"></script>
       <script src="../js/search/lunr.min.js"></script>
       <script src="../js/search/search-lunr.js"></script>

       <script src="../js/tabs.js"></script>
       <script src="../js/menu.js"></script>
       <script src="../js/libs/prism.js"></script>
       <script src="../js/sourceCode.js"></script>
       <script src="../js/search/search_index.js"></script>

    </body>
</html>
